<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>course</title>
</head>
<body>
    
    <!--  -->
    <main class="">
        <div class="rel vid-box">
            <span class="iconfont abs" id="back">&#xe607;</span>
            <img src="#" alt="" id="imgUrl">
            <label class="abs play-box tcenter cfff ">
                <span class="iconfont  play">&#xea6d;</span><br>
                <span  class="rel">视频预览</span>
            </label>
        </div>
        <div class=" df fdc pad5 ">
            <h1 class="font24 c10 mt20 mb20" id="name"></h1>
            <div class="df info">
                <div class="font14 c8a  flex">
                    <span class="c10 font20 " id="calorie"></span> 千卡
                    <span class="c10 font20 ml20" id="time"></span> 分钟
                </div>
                <div class="c8a font14">
                    <span id="peopleNum"></span>w 练过
                    <span class="iconfont font12 c8a go">&#xe60f;</span>
                </div>
            </div>
        </div>
        <!--  -->
       <div class="df bfff pad5 fdc mt20 mb20 ">
            <div class="df">
                <div class="userimg mr10">
                    <img alt="" id="userimg">
                </div>
                <div class="flex">
                    <h2 class=" c333 mt10">用户名</h2>
                    <p class="font12 c8a">三线达人课程设计师</p>
                </div>
            </div>
            <div class="des p5 font14 mb10">
                <p class="c8a" id="desc">
                    不助个统其才量乡得憾才者明满母是县秦，别人仁竟沉，六问、山是若是气到考事磊的楚，人份王够者尽遗看疾如德，支留应心梵风责忧老大九前动位事灰了，得往不上恼登承，迷。
                </p>
                <!-- <span>更多</span> -->
            </div>

        </div>
       <!--  -->

         <div class="practice df  rel tcenter">
            <div class="practice-left flex ">
                <h3 class="c10 font16"><span class="iconfont  mr10">&#xe631;</span>练习频次</h3>
                <p class="font14 c8a">每周<span id="frequency"></span>次</p>
            </div>
            <div class="practice-right flex ">
                <h3 class="c10 font16"><span class="iconfont mr10 ">&#xe7ec;</span>器械</h3>
                <p class="font14 c8a " id="instrument"></p>
                <span class="line abs"></span>
            </div>
        </div> 
     
        <div class="pad8 ">
            <button class="b4f cfff mt30 " id="startBtn">开始训练</button>
        </div>
    </main>



</body>
</html>